
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-huaxueshiguan"></i>
                    <div class="name">化学试管</div>
                    <div class="fontclass">.icon-huaxueshiguan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuceng"></i>
                    <div class="name">图层</div>
                    <div class="fontclass">.icon-tuceng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suodingweizhi"></i>
                    <div class="name">锁定位置</div>
                    <div class="fontclass">.icon-suodingweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongjitu"></i>
                    <div class="name">统计图</div>
                    <div class="fontclass">.icon-tongjitu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-84"></i>
                    <div class="name">新闻</div>
                    <div class="fontclass">.icon-84</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-module"></i>
                    <div class="name">模块</div>
                    <div class="fontclass">.icon-msnui-module</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rexiandianhua"></i>
                    <div class="name">热线电话</div>
                    <div class="fontclass">.icon-rexiandianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinpaishigongdui"></i>
                    <div class="name">金牌施工队</div>
                    <div class="fontclass">.icon-jinpaishigongdui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuqingdan"></i>
                    <div class="name">任务清单</div>
                    <div class="fontclass">.icon-renwuqingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontjingxihuaxue"></i>
                    <div class="name">iconfont-jingxihuaxue</div>
                    <div class="fontclass">.icon-iconfontjingxihuaxue</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiaoxinwen"></i>
                    <div class="name">报表新闻</div>
                    <div class="fontclass">.icon-baobiaoxinwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuandingwei"></i>
                    <div class="name">人员定位</div>
                    <div class="fontclass">.icon-renyuandingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-map-tunnel"></i>
                    <div class="name">涵洞</div>
                    <div class="fontclass">.icon-map-tunnel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-map-setting"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-map-setting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pingjiapaizhao"></i>
                    <div class="name">评价-拍照</div>
                    <div class="fontclass">.icon-pingjiapaizhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-forms"></i>
                    <div class="name">报表</div>
                    <div class="fontclass">.icon-forms</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiwei"></i>
                    <div class="name">水位</div>
                    <div class="fontclass">.icon-shuiwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-report"></i>
                    <div class="name">报表</div>
                    <div class="fontclass">.icon-report</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingxihuaxuepin"></i>
                    <div class="name">精细化学品~</div>
                    <div class="fontclass">.icon-jingxihuaxuepin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuibeng"></i>
                    <div class="name">水泵</div>
                    <div class="fontclass">.icon-shuibeng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuanmingdan"></i>
                    <div class="name">会员名单</div>
                    <div class="fontclass">.icon-huiyuanmingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanbaobiao"></i>
                    <div class="name">订单报表</div>
                    <div class="fontclass">.icon-dingdanbaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhibumen"></i>
                    <div class="name">组织部门</div>
                    <div class="fontclass">.icon-zuzhibumen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fav-1"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-fav-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erweima"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paizhao"></i>
                    <div class="name">拍照</div>
                    <div class="fontclass">.icon-paizhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupian1"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tupian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yijianfankui"></i>
                    <div class="name">意见反馈</div>
                    <div class="fontclass">.icon-yijianfankui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao"></i>
                    <div class="name">图表</div>
                    <div class="fontclass">.icon-tubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefurexianxianxing"></i>
                    <div class="name">客服热线-线性</div>
                    <div class="fontclass">.icon-kefurexianxianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqixianxing"></i>
                    <div class="name">日期-线性</div>
                    <div class="fontclass">.icon-riqixianxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">咨询顾问</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dongtaiquan"></i>
                    <div class="name">动态</div>
                    <div class="fontclass">.icon-dongtaiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuanbozhizao"></i>
                    <div class="name">船舶制造</div>
                    <div class="fontclass">.icon-chuanbozhizao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0178"></i>
                    <div class="name">管理设置</div>
                    <div class="fontclass">.icon-iconset0178</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0221"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-iconset0221</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0407"></i>
                    <div class="name">告示牌</div>
                    <div class="fontclass">.icon-iconset0407</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanliyuancaozuo"></i>
                    <div class="name">管理员操作</div>
                    <div class="fontclass">.icon-guanliyuancaozuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongchenggenzong"></i>
                    <div class="name">工程跟踪</div>
                    <div class="fontclass">.icon-gongchenggenzong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongchengguanli"></i>
                    <div class="name">工程管理</div>
                    <div class="fontclass">.icon-gongchengguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dengdaixuncha"></i>
                    <div class="name">等待巡查</div>
                    <div class="fontclass">.icon-dengdaixuncha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erweima1"></i>
                    <div class="name">二维码</div>
                    <div class="fontclass">.icon-erweima1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyikaihuitaolun"></i>
                    <div class="name">会议 开会 讨论</div>
                    <div class="fontclass">.icon-huiyikaihuitaolun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-weixin"></i>
                    <div class="name">公众号</div>
                    <div class="fontclass">.icon-msnui-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji1"></i>
                    <div class="name">ZS统计1</div>
                    <div class="fontclass">.icon-tongji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji2"></i>
                    <div class="name">ZS统计2</div>
                    <div class="fontclass">.icon-tongji2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lunchuan"></i>
                    <div class="name">轮船</div>
                    <div class="fontclass">.icon-lunchuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yijianfankui1"></i>
                    <div class="name">意见反馈</div>
                    <div class="fontclass">.icon-yijianfankui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lunchuan1"></i>
                    <div class="name">轮船</div>
                    <div class="fontclass">.icon-lunchuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhinengyouhua"></i>
                    <div class="name">智能优化</div>
                    <div class="fontclass">.icon-zhinengyouhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buxing"></i>
                    <div class="name">步行</div>
                    <div class="fontclass">.icon-buxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-haoping"></i>
                    <div class="name">好评</div>
                    <div class="fontclass">.icon-haoping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang1"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhexiantu"></i>
                    <div class="name">图表 折线图</div>
                    <div class="fontclass">.icon-tubiaozhexiantu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianzhongbiao"></i>
                    <div class="name">时间 钟表</div>
                    <div class="fontclass">.icon-shijianzhongbiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diliweizhi"></i>
                    <div class="name">地理位置</div>
                    <div class="fontclass">.icon-diliweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-beifenguanli"></i>
                    <div class="name">备份管理</div>
                    <div class="fontclass">.icon-beifenguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-date"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-date</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-audit"></i>
                    <div class="name">多级审批</div>
                    <div class="fontclass">.icon-icon-audit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-link"></i>
                    <div class="name">系统对接</div>
                    <div class="fontclass">.icon-icon-link</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon2"></i>
                    <div class="name">业主好评</div>
                    <div class="fontclass">.icon-icon2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-falvfagui20x20"></i>
                    <div class="name">法律法规20X20</div>
                    <div class="fontclass">.icon-falvfagui20x20</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-falvshengmingfalv"></i>
                    <div class="name">法律声明，法律</div>
                    <div class="fontclass">.icon-falvshengmingfalv</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingzhengzhifa"></i>
                    <div class="name">行政执法</div>
                    <div class="fontclass">.icon-xingzhengzhifa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuzhiguanli"></i>
                    <div class="name">组织管理</div>
                    <div class="fontclass">.icon-zuzhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cehuifabuxianshiweizhi"></i>
                    <div class="name">测绘发布-显示位置</div>
                    <div class="fontclass">.icon-cehuifabuxianshiweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-video"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-video</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suyaniconchanpinleibufenzuodaohangbufen87"></i>
                    <div class="name">部门管理</div>
                    <div class="fontclass">.icon-suyaniconchanpinleibufenzuodaohangbufen87</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">进行中</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hetong6"></i>
                    <div class="name">合同6</div>
                    <div class="fontclass">.icon-hetong6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaoyin"></i>
                    <div class="name">脚印2</div>
                    <div class="fontclass">.icon-jiaoyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baozhangzeren"></i>
                    <div class="name">保障责任</div>
                    <div class="fontclass">.icon-baozhangzeren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinxingzhong"></i>
                    <div class="name">进行中</div>
                    <div class="fontclass">.icon-jinxingzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyin"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-yuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang2"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jichuziyuan"></i>
                    <div class="name">基础资源</div>
                    <div class="fontclass">.icon-jichuziyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhaopianphotos11"></i>
                    <div class="name">照片_photos11</div>
                    <div class="fontclass">.icon-zhaopianphotos11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianxie"></i>
                    <div class="name">填写</div>
                    <div class="fontclass">.icon-tianxie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaishixunhu"></i>
                    <div class="name">开始巡护</div>
                    <div class="fontclass">.icon-kaishixunhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paizhao1"></i>
                    <div class="name">拍照</div>
                    <div class="fontclass">.icon-paizhao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daichuli"></i>
                    <div class="name">待处理</div>
                    <div class="fontclass">.icon-daichuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qita"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-qita</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shui1"></i>
                    <div class="name">水(1)</div>
                    <div class="fontclass">.icon-shui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditudangqianweizhi"></i>
                    <div class="name">地图当前位置</div>
                    <div class="fontclass">.icon-ditudangqianweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiao"></i>
                    <div class="name">报表</div>
                    <div class="fontclass">.icon-baobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paishui"></i>
                    <div class="name">排水</div>
                    <div class="fontclass">.icon-paishui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhushui"></i>
                    <div class="name">注水</div>
                    <div class="fontclass">.icon-zhushui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanjing-m"></i>
                    <div class="name">全景-互动</div>
                    <div class="fontclass">.icon-quanjing-m</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qita1"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-qita1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanfangrenzheng"></i>
                    <div class="name">官方认证</div>
                    <div class="fontclass">.icon-guanfangrenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-other"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-other</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xundian"></i>
                    <div class="name">巡点</div>
                    <div class="fontclass">.icon-xundian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconyg"></i>
                    <div class="name">组织管理</div>
                    <div class="fontclass">.icon-iconyg</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yijianfankui2"></i>
                    <div class="name">意见反馈</div>
                    <div class="fontclass">.icon-yijianfankui2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-comlist"></i>
                    <div class="name">评价列表</div>
                    <div class="fontclass">.icon-comlist</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyin1"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-yuyin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-019suodingweizhi"></i>
                    <div class="name">019锁定位置</div>
                    <div class="fontclass">.icon-019suodingweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohangzixun"></i>
                    <div class="name">导航_咨询</div>
                    <div class="fontclass">.icon-daohangzixun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-loucengdaohang"></i>
                    <div class="name">楼层导航</div>
                    <div class="fontclass">.icon-loucengdaohang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bumen"></i>
                    <div class="name">部门</div>
                    <div class="fontclass">.icon-bumen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dituzhibiao"></i>
                    <div class="name">地图指标</div>
                    <div class="fontclass">.icon-dituzhibiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontshenqingdaren"></i>
                    <div class="name">一起玩认证达人</div>
                    <div class="fontclass">.icon-iconfontshenqingdaren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibiaopan"></i>
                    <div class="name">仪表盘</div>
                    <div class="fontclass">.icon-yibiaopan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tousuguanli"></i>
                    <div class="name">投诉管理</div>
                    <div class="fontclass">.icon-tousuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caozuo"></i>
                    <div class="name">操作</div>
                    <div class="fontclass">.icon-caozuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhinenghuagongcheng"></i>
                    <div class="name">智能化工程</div>
                    <div class="fontclass">.icon-zhinenghuagongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renzheng"></i>
                    <div class="name">认证</div>
                    <div class="fontclass">.icon-renzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yichuli"></i>
                    <div class="name">已处理</div>
                    <div class="fontclass">.icon-yichuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanli1"></i>
                    <div class="name">管理1</div>
                    <div class="fontclass">.icon-guanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bhjmeeting"></i>
                    <div class="name">办会家_会议</div>
                    <div class="fontclass">.icon-bhjmeeting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bhjscanqr"></i>
                    <div class="name">办会家_扫描二维码</div>
                    <div class="fontclass">.icon-bhjscanqr</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buxing1"></i>
                    <div class="name">步行</div>
                    <div class="fontclass">.icon-buxing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hetong"></i>
                    <div class="name">合同</div>
                    <div class="fontclass">.icon-hetong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinwen"></i>
                    <div class="name">新闻</div>
                    <div class="fontclass">.icon-xinwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-querenfangan"></i>
                    <div class="name">确认方案</div>
                    <div class="fontclass">.icon-querenfangan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yichuli1"></i>
                    <div class="name">已处理</div>
                    <div class="fontclass">.icon-yichuli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanzheng"></i>
                    <div class="name">验证</div>
                    <div class="fontclass">.icon-yanzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongchengxiangmuxinxi"></i>
                    <div class="name">工程项目信息</div>
                    <div class="fontclass">.icon-gongchengxiangmuxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guizhangzhidu"></i>
                    <div class="name">规章制度</div>
                    <div class="fontclass">.icon-guizhangzhidu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianduchuanhuo"></i>
                    <div class="name">监督串货</div>
                    <div class="fontclass">.icon-jianduchuanhuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-goutong"></i>
                    <div class="name">沟通</div>
                    <div class="fontclass">.icon-goutong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jishuidian"></i>
                    <div class="name">积水点</div>
                    <div class="fontclass">.icon-jishuidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang3"></i>
                    <div class="name">收藏</div>
                    <div class="fontclass">.icon-shoucang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenpi"></i>
                    <div class="name">审批</div>
                    <div class="fontclass">.icon-shenpi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu"></i>
                    <div class="name">任务</div>
                    <div class="fontclass">.icon-renwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-027caozuo_jiesuo"></i>
                    <div class="name">027操作_解锁</div>
                    <div class="fontclass">.icon-027caozuo_jiesuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin1"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipinjiankong"></i>
                    <div class="name">视频监控</div>
                    <div class="fontclass">.icon-shipinjiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-lujingguanli"></i>
                    <div class="name">路径管理</div>
                    <div class="fontclass">.icon-icon-lujingguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-monizhiyuantianbaon"></i>
                    <div class="name">模拟志愿填报n</div>
                    <div class="fontclass">.icon-monizhiyuantianbaon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pingjiabaogao"></i>
                    <div class="name">评价报告</div>
                    <div class="fontclass">.icon-pingjiabaogao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinjiangongcheng"></i>
                    <div class="name">新建工程</div>
                    <div class="fontclass">.icon-xinjiangongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xunjianguiji"></i>
                    <div class="name">巡检_轨迹</div>
                    <div class="fontclass">.icon-xunjianguiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-goutongxinxi"></i>
                    <div class="name">沟通信息</div>
                    <div class="fontclass">.icon-goutongxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyi"></i>
                    <div class="name">会议</div>
                    <div class="fontclass">.icon-huiyi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-14"></i>
                    <div class="name">领导</div>
                    <div class="fontclass">.icon-14</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuanbo"></i>
                    <div class="name">9船舶</div>
                    <div class="fontclass">.icon-chuanbo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaoliang"></i>
                    <div class="name">11桥梁</div>
                    <div class="fontclass">.icon-qiaoliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-haixunting"></i>
                    <div class="name">14海巡艇</div>
                    <div class="fontclass">.icon-haixunting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guohejianzhu"></i>
                    <div class="name">18过河建筑</div>
                    <div class="fontclass">.icon-guohejianzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanchengfuwu"></i>
                    <div class="name">全程服务</div>
                    <div class="fontclass">.icon-quanchengfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianmailei-default"></i>
                    <div class="name">填埋类-default</div>
                    <div class="fontclass">.icon-tianmailei-default</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weilan-"></i>
                    <div class="name">围栏</div>
                    <div class="fontclass">.icon-weilan-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangxiangbiao"></i>
                    <div class="name">方向标</div>
                    <div class="fontclass">.icon-fangxiangbiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangxiangbiao-shi"></i>
                    <div class="name">方向标-实</div>
                    <div class="fontclass">.icon-fangxiangbiao-shi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zoulu-"></i>
                    <div class="name">走路</div>
                    <div class="fontclass">.icon-zoulu-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--baobiaomokuai"></i>
                    <div class="name">35-报表模块</div>
                    <div class="fontclass">.icon--baobiaomokuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang1"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoge"></i>
                    <div class="name">图表-表格</div>
                    <div class="fontclass">.icon-biaoge</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao-bingtu"></i>
                    <div class="name">图表-饼图</div>
                    <div class="fontclass">.icon-tubiao-bingtu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang2"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao-bingtu1"></i>
                    <div class="name">图表-饼图</div>
                    <div class="fontclass">.icon-tubiao-bingtu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenleihuizong"></i>
                    <div class="name">分类汇总</div>
                    <div class="fontclass">.icon-fenleihuizong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlizhongxin"></i>
                    <div class="name">管理中心</div>
                    <div class="fontclass">.icon-guanlizhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dongtaixinxizhuaqu"></i>
                    <div class="name">动态信息抓取</div>
                    <div class="fontclass">.icon-dongtaixinxizhuaqu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lianxiren"></i>
                    <div class="name">联系人</div>
                    <div class="fontclass">.icon-lianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-haoping1"></i>
                    <div class="name">好评</div>
                    <div class="fontclass">.icon-haoping1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditudingwei"></i>
                    <div class="name">地图定位</div>
                    <div class="fontclass">.icon-ditudingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ruhehupaiwukou"></i>
                    <div class="name">入河湖排污口</div>
                    <div class="fontclass">.icon-ruhehupaiwukou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuikudian"></i>
                    <div class="name">水库点</div>
                    <div class="fontclass">.icon-shuikudian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuilihangyedanwei"></i>
                    <div class="name">水利行业单位</div>
                    <div class="fontclass">.icon-shuilihangyedanwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiku"></i>
                    <div class="name">水库</div>
                    <div class="fontclass">.icon-shuiku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuilishehuituanti"></i>
                    <div class="name">水利社会团体</div>
                    <div class="fontclass">.icon-shuilishehuituanti</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiwenzhan"></i>
                    <div class="name">水文站</div>
                    <div class="fontclass">.icon-shuiwenzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiliqiye"></i>
                    <div class="name">水利企业</div>
                    <div class="fontclass">.icon-shuiliqiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuilihangzhengjiguan"></i>
                    <div class="name">水利行政机关</div>
                    <div class="fontclass">.icon-shuilihangzhengjiguan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuilishiyedanwei"></i>
                    <div class="name">水利事业单位</div>
                    <div class="fontclass">.icon-shuilishiyedanwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuizha"></i>
                    <div class="name">水闸</div>
                    <div class="fontclass">.icon-shuizha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangzhenshuiliguanlidanwei"></i>
                    <div class="name">乡镇水利管理单位</div>
                    <div class="fontclass">.icon-xiangzhenshuiliguanlidanwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bengzhan"></i>
                    <div class="name">泵站</div>
                    <div class="fontclass">.icon-bengzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yintiaoshuigongchengdabilichitiaoshui"></i>
                    <div class="name">引调水工程大比例尺调水</div>
                    <div class="fontclass">.icon-yintiaoshuigongchengdabilichitiaoshui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dibiaoshuishuiyuandi"></i>
                    <div class="name">地表水水源地</div>
                    <div class="fontclass">.icon-dibiaoshuishuiyuandi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-difanggongcheng"></i>
                    <div class="name">堤防工程</div>
                    <div class="fontclass">.icon-difanggongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gonggonggongshuiqiye"></i>
                    <div class="name">公共供水企业</div>
                    <div class="fontclass">.icon-gonggonggongshuiqiye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heliumian"></i>
                    <div class="name">河流面</div>
                    <div class="fontclass">.icon-heliumian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hubo"></i>
                    <div class="name">湖泊</div>
                    <div class="fontclass">.icon-hubo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hehuqushuikou"></i>
                    <div class="name">河湖取水口</div>
                    <div class="fontclass">.icon-hehuqushuikou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heliu"></i>
                    <div class="name">河流</div>
                    <div class="fontclass">.icon-heliu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuijing"></i>
                    <div class="name">水井</div>
                    <div class="fontclass">.icon-shuijing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kongjiandili"></i>
                    <div class="name">空间地理</div>
                    <div class="fontclass">.icon-kongjiandili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-water_icon"></i>
                    <div class="name">水</div>
                    <div class="fontclass">.icon-water_icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankong"></i>
                    <div class="name">监控</div>
                    <div class="fontclass">.icon-jiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuikushuiwenzhan"></i>
                    <div class="name">水库水文站</div>
                    <div class="fontclass">.icon-shuikushuiwenzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dixiashuizhan"></i>
                    <div class="name">地下水站</div>
                    <div class="fontclass">.icon-dixiashuizhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hedaoshuiwenzhan"></i>
                    <div class="name">河道水文站</div>
                    <div class="fontclass">.icon-hedaoshuiwenzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hedaoshuiweizhan"></i>
                    <div class="name">河道水位站</div>
                    <div class="fontclass">.icon-hedaoshuiweizhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-leidatu"></i>
                    <div class="name">图表-雷达图</div>
                    <div class="fontclass">.icon-leidatu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mappinmarker"></i>
                    <div class="name">地图，坐标，定位</div>
                    <div class="fontclass">.icon-mappinmarker</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yange"></i>
                    <div class="name">养鹅</div>
                    <div class="fontclass">.icon-yange</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yangyu"></i>
                    <div class="name">养鱼</div>
                    <div class="fontclass">.icon-yangyu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixing"></i>
                    <div class="name">卫星</div>
                    <div class="fontclass">.icon-weixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingshuiqi"></i>
                    <div class="name">净水器</div>
                    <div class="fontclass">.icon-jingshuiqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeiliebiao"></i>
                    <div class="name">设备列表</div>
                    <div class="fontclass">.icon-shebeiliebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebeiliyongshuaipingjia"></i>
                    <div class="name">设备利用率评价</div>
                    <div class="fontclass">.icon-shebeiliyongshuaipingjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxifuwu"></i>
                    <div class="name">信息服务</div>
                    <div class="fontclass">.icon-xinxifuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiankongzhongxin"></i>
                    <div class="name">监控中心</div>
                    <div class="fontclass">.icon-jiankongzhongxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-haoping2"></i>
                    <div class="name">公共-好评</div>
                    <div class="fontclass">.icon-haoping2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tousu"></i>
                    <div class="name">投诉</div>
                    <div class="fontclass">.icon-tousu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fankui"></i>
                    <div class="name">反馈</div>
                    <div class="fontclass">.icon-fankui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fl-gongcheng"></i>
                    <div class="name">工程</div>
                    <div class="fontclass">.icon-fl-gongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongcheng"></i>
                    <div class="name">工程</div>
                    <div class="fontclass">.icon-gongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-saomiao"></i>
                    <div class="name">扫描</div>
                    <div class="fontclass">.icon-saomiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shigongzhong"></i>
                    <div class="name">施工中</div>
                    <div class="fontclass">.icon-shigongzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji3"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fankui1"></i>
                    <div class="name">反馈</div>
                    <div class="fontclass">.icon-fankui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiweizhan"></i>
                    <div class="name">水位站</div>
                    <div class="fontclass">.icon-shuiweizhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuizhijiancezhan"></i>
                    <div class="name">水质监测站</div>
                    <div class="fontclass">.icon-shuizhijiancezhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quyongshuicezhan"></i>
                    <div class="name">取用水测站</div>
                    <div class="fontclass">.icon-quyongshuicezhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiaolianggongcheng"></i>
                    <div class="name">桥梁工程</div>
                    <div class="fontclass">.icon-qiaolianggongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chengzaishuiweidian"></i>
                    <div class="name">成灾水位点</div>
                    <div class="fontclass">.icon-chengzaishuiweidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tangyanbagongcheng"></i>
                    <div class="name">塘堰坝工程</div>
                    <div class="fontclass">.icon-tangyanbagongcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zidongjiancezhan"></i>
                    <div class="name">自动监测站</div>
                    <div class="fontclass">.icon-zidongjiancezhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyishuiweizhan"></i>
                    <div class="name">简易水位站</div>
                    <div class="fontclass">.icon-jianyishuiweizhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lishizuigaoshuiweidian"></i>
                    <div class="name">历史最高水位点</div>
                    <div class="fontclass">.icon-lishizuigaoshuiweidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xufanghongzhilishanhonggou"></i>
                    <div class="name">需防洪治理山洪沟</div>
                    <div class="fontclass">.icon-xufanghongzhilishanhonggou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuiligongchengxinxitongji"></i>
                    <div class="name">水利工程信息统计</div>
                    <div class="fontclass">.icon-shuiligongchengxinxitongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucangweizhi"></i>
                    <div class="name">收藏位置</div>
                    <div class="fontclass">.icon-shoucangweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhilishi"></i>
                    <div class="name">位置历史</div>
                    <div class="fontclass">.icon-weizhilishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhibiaoji"></i>
                    <div class="name">位置标记</div>
                    <div class="fontclass">.icon-weizhibiaoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang-gongzhonghaotixing"></i>
                    <div class="name">导航-公众号设置</div>
                    <div class="fontclass">.icon-daohang-gongzhonghaotixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi1"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-weizhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanggaopai"></i>
                    <div class="name">广告牌</div>
                    <div class="fontclass">.icon-guanggaopai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangzhengguanli"></i>
                    <div class="name">行政管理</div>
                    <div class="fontclass">.icon-hangzhengguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiandukaohe"></i>
                    <div class="name">监督考核</div>
                    <div class="fontclass">.icon-jiandukaohe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rengongbaojie"></i>
                    <div class="name">人工保洁</div>
                    <div class="fontclass">.icon-rengongbaojie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianguanli"></i>
                    <div class="name">事件管理</div>
                    <div class="fontclass">.icon-shijianguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiandukaohejiankong"></i>
                    <div class="name">监督考核监控</div>
                    <div class="fontclass">.icon-jiandukaohejiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaohebiaozhun"></i>
                    <div class="name">考核标准</div>
                    <div class="fontclass">.icon-kaohebiaozhun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaoherenwujihua"></i>
                    <div class="name">考核任务计划</div>
                    <div class="fontclass">.icon-kaoherenwujihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kaohetongbao"></i>
                    <div class="name">考核通报</div>
                    <div class="fontclass">.icon-kaohetongbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanjiankong"></i>
                    <div class="name">人员监控</div>
                    <div class="fontclass">.icon-renyuanjiankong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwujihua"></i>
                    <div class="name">任务计划</div>
                    <div class="fontclass">.icon-renwujihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanguanli"></i>
                    <div class="name">人员管理</div>
                    <div class="fontclass">.icon-renyuanguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwutongjibaobiao"></i>
                    <div class="name">任务统计报表</div>
                    <div class="fontclass">.icon-renwutongjibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin2"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xunchatongji"></i>
                    <div class="name">巡查统计</div>
                    <div class="fontclass">.icon-xunchatongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yewumokuai"></i>
                    <div class="name">业务模块</div>
                    <div class="fontclass">.icon-yewumokuai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duanxinyidu"></i>
                    <div class="name">短信已读</div>
                    <div class="fontclass">.icon-duanxinyidu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-erji-anquanfuwukaitongqingkuang"></i>
                    <div class="name">二级-安全服务开通情况</div>
                    <div class="fontclass">.icon-erji-anquanfuwukaitongqingkuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-humidity"></i>
                    <div class="name">水</div>
                    <div class="fontclass">.icon-icon-humidity</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-icon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuihuochuli"></i>
                    <div class="name">退货处理</div>
                    <div class="fontclass">.icon-tuihuochuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianriqi"></i>
                    <div class="name">时间日期</div>
                    <div class="fontclass">.icon-shijianriqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin3"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shequfuwuzhan"></i>
                    <div class="name">社区服务站</div>
                    <div class="fontclass">.icon-shequfuwuzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sifajiandinghuiyuanfuwu"></i>
                    <div class="name">司法鉴定会员服务</div>
                    <div class="fontclass">.icon-sifajiandinghuiyuanfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-navicon-hzsb"></i>
                    <div class="name">汇总上报</div>
                    <div class="fontclass">.icon-navicon-hzsb</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-geipaishui"></i>
                    <div class="name">给排水</div>
                    <div class="fontclass">.icon-geipaishui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hanghai"></i>
                    <div class="name">航海</div>
                    <div class="fontclass">.icon-hanghai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu1"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxigongxiang"></i>
                    <div class="name">信息共享</div>
                    <div class="fontclass">.icon-xinxigongxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongchengjianshe"></i>
                    <div class="name">工程建设</div>
                    <div class="fontclass">.icon-gongchengjianshe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxiyingxiangjishu"></i>
                    <div class="name">全息影像技术</div>
                    <div class="fontclass">.icon-quanxiyingxiangjishu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaofenxi"></i>
                    <div class="name">图表分析02</div>
                    <div class="fontclass">.icon-tubiaofenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingwei"></i>
                    <div class="name">定位</div>
                    <div class="fontclass">.icon-dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mubiao"></i>
                    <div class="name">目标</div>
                    <div class="fontclass">.icon-mubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyanbaogaochaxun"></i>
                    <div class="name">检验报告查询</div>
                    <div class="fontclass">.icon-jianyanbaogaochaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dituweizhi"></i>
                    <div class="name">地图位置</div>
                    <div class="fontclass">.icon-dituweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rengongzhineng"></i>
                    <div class="name">11 人工智能</div>
                    <div class="fontclass">.icon-rengongzhineng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-photo"></i>
                    <div class="name">照片</div>
                    <div class="fontclass">.icon-photo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhishipai"></i>
                    <div class="name">指示牌</div>
                    <div class="fontclass">.icon-zhishipai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-navicon-gysfls"></i>
                    <div class="name">干预随访历史</div>
                    <div class="fontclass">.icon-navicon-gysfls</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlijiuzhenren"></i>
                    <div class="name">管理就诊人</div>
                    <div class="fontclass">.icon-guanlijiuzhenren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhaopian"></i>
                    <div class="name">照片</div>
                    <div class="fontclass">.icon-zhaopian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijiancelveweihu"></i>
                    <div class="name">时间策略维护</div>
                    <div class="fontclass">.icon-shijiancelveweihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng1"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-celvetongjiyuzhibaobiao"></i>
                    <div class="name">策略统计预制报表</div>
                    <div class="fontclass">.icon-celvetongjiyuzhibaobiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanghufangan"></i>
                    <div class="name">防护方案</div>
                    <div class="fontclass">.icon-fanghufangan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mingdanshujuguanli"></i>
                    <div class="name">名单数据管理</div>
                    <div class="fontclass">.icon-mingdanshujuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuibeng1"></i>
                    <div class="name">水泵</div>
                    <div class="fontclass">.icon-shuibeng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daiban"></i>
                    <div class="name">转待办-列表</div>
                    <div class="fontclass">.icon-daiban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shipin4"></i>
                    <div class="name">视频</div>
                    <div class="fontclass">.icon-shipin4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangji"></i>
                    <div class="name">相机</div>
                    <div class="fontclass">.icon-xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuxiangmu"></i>
                    <div class="name">服务项目</div>
                    <div class="fontclass">.icon-fuwuxiangmu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baobiaofenxi"></i>
                    <div class="name">报表分析</div>
                    <div class="fontclass">.icon-baobiaofenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuguanli"></i>
                    <div class="name">服务管理</div>
                    <div class="fontclass">.icon-fuwuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian1"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuibeng2"></i>
                    <div class="name">水泵</div>
                    <div class="fontclass">.icon-shuibeng2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwufangquerenyushangbao"></i>
                    <div class="name">服务方确认与上报</div>
                    <div class="fontclass">.icon-fuwufangquerenyushangbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ICONbiaozhun_fuzhi-"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-ICONbiaozhun_fuzhi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ICONbiaozhun_fuzhi-1"></i>
                    <div class="name">拍照</div>
                    <div class="fontclass">.icon-ICONbiaozhun_fuzhi-1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuan"></i>
                    <div class="name">语音</div>
                    <div class="fontclass">.icon-ziyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daoluxuncha"></i>
                    <div class="name">道路巡查</div>
                    <div class="fontclass">.icon-daoluxuncha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yanghuxinxi"></i>
                    <div class="name">养护信息</div>
                    <div class="fontclass">.icon-yanghuxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaozhizuomobanyihuifu-"></i>
                    <div class="name">图片</div>
                    <div class="fontclass">.icon-tubiaozhizuomobanyihuifu-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wancheng2"></i>
                    <div class="name">完成</div>
                    <div class="fontclass">.icon-wancheng2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chengshijinglitianchong"></i>
                    <div class="name">城市经理填充</div>
                    <div class="fontclass">.icon-chengshijinglitianchong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
